<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>로그인 페이지</title>
<style>
/* #login_main{
	width:1200px;
	height: 700px;
	margin:0 auto;
} */
#login_back {
	width: 800px;
	margin: auto;
	margin-top: 155px;
}

#login_left,#login_right {
	display: inline-block;
}

#login_left {
	width: 500px;
	float: left;
	height: 350px;
	background-color: #ffeeff;
}

#login_right {
	margin: auto;
	width: 300px;
	height: 350px;
	float: left;
	background-color: #24598f;
}

#login_input,#login_btns {
	height: 50px;
	display: inline-block;
	margin-top: 3px;
	vertical-align: middle;
}

#login_btn {
	width: 100px;
	height: 50px;
	color: #ffffff;
	font-weight: bold;
	background-color: #88b3e0;
	border: none;
	padding: 3px 5px;
	cursor: pointer;
}

#login_btn:hover {
	color: #fff86f;
	font-weight: bold;
}
</style>
<script>
	window.onload = function() {
		var l = document.getElementById("loginBox");
		l.focus();
	}
	function getId(id) {
		return document.getElementById(id);
	}

	function init() {
		getId('login_btn').onclick = function() {

			loginFrm.action = "login_result.jsp";
			loginFrm.submit();
		}
	}
	function goPassWord() {
		if (event.keyCode == 13) {
			var r = document.getElementById("password");
			r.focus();
		}
	}
	function CheckEnt() {
		if (event.keyCode == 13) {
			loginFrm.action = "login_result.jsp";
			loginFrm.submit();
		}
	}
</script>
</head>
<body>
	<%
	session.setAttribute("inc_content", null);
	%>
	<div id="login_main" align="center">
		<div id="login_back">
			<div align="left"
				style="margin-left: 3px; color: #333333; font-size: 16px; font-weight: bold;">CLAMP
				MEMBERSHIP LOGIN</div>
			<div id="login_left">
				<img src="../login/images/img_login.jpg" border="0">
			</div>

			<div id="login_right">
				<form name="loginFrm" method="post" action=''>
					<div
						style="margin-top: 180px; color: #ffffff; font-size: 11px; font-weight: bold;">*로그인후
						이용이 가능한 서비스입니다.</div>
					<div id="login_input">
						<input type="text" name="SA_no" placeholder="사원번호를 입력하세요"
							id="loginBox" onkeypress="goPassWord()" value="1408M001"><br /> <input
							type="password" name="SA_pwd" placeholder="비밀번호를 입력하세요"
							onkeypress="CheckEnt()" id="password" value="1111">
					</div>
					<div id="login_btns">
						<input id="login_btn" type="button" value="로그인">
					</div>
				</form>
			</div>

		</div>
	</div>
	<script>
		init();
	</script>
</body>
</html>